<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title></title>
	<link rel="stylesheet" href="../stylesheets/common.css" />
	<link rel="stylesheet" href="../stylesheets/table.css" />
	<link rel="stylesheet" href="../globalComponents/layer/skin/layer.css?v=1" />
</head>

<body>
	<div class="place">
		<span class="label-span">位置：</span>
		<span>耗材管理 - 入库单</span>
	</div>
	<div class="body-warp">
		<div class="panel filter-block">
			<form class="form-inline clearfix">
				<div class="form-group">
					<select class="form-select">
						<option selected="" value="">下拉菜单</option>
						<option value="选项1">选项1</option>
						<option value="选项2">选项2</option>
						<option value="选项3">选项3</option>
					</select>
				</div>
				<div class="form-group">
					<input class="form-control" id="search1" type="text" placeholder="输入搜索关键字"/>
				</div>
				<div class="form-group">
					<a href="javascript:void(0);" class="btn" id="search-btn"><i class="iconfont">&#xe61b;</i>搜索</a>
				</div>
			</form>
		</div>
		
		<div class="panel table-tool-bar">
			<a id="addNew" class="btn" href="javascript:;"><i class="add-btn iconfont">&#xe619;</i>新增</a>
			<a class="btn" href="javascript:;"><i class="remove-btn iconfont">&#xe608;</i>删除</a>
		</div>
		<div class="panel main_panel ">
			
			<div class="grid-wrapper" style="height: auto;">
			  <table class="table" id="table">
			    <thead>
		      		<tr class="table-head">
				        <th style="white-space: nowrap;" class="checkbox-th">
			          		<input class="checkbox selectAll" type="checkbox">
			          	</th>
	        			<th style="white-space: nowrap;" class="sortable">帐号
					          	<!-- <i class="iconfont infotips popuptips" title="这里填写你要说明的内容"></i>
					          	<span class="iconfont normal"></span>
					          	<span class="iconfont sort-icon asc"></span>
					          	<span class="iconfont sort-icon desc"></span> -->
			          	</th>
				        <th style="white-space: nowrap;" class="sortable">姓名
				          <!-- 	<span class="iconfont normal"></span>
				          	<span class="iconfont sort-icon asc"></span>
				          	<span class="iconfont sort-icon desc"></span> -->
			          	</th>
				        <th style="white-space: nowrap;">单位</th>
				        <th style="white-space: nowrap;">管理员</th>
				        <th style="white-space: nowrap;">评委</th>
				        <th style="white-space: nowrap;">操作</th>
		        	</tr>
			    </thead>
			    <tbody>			      
			      	<tr class="">
				        <td>
			          		<input class="checkbox" type="checkbox">
			          	</td>
				        <td style="text-align: left; white-space: nowrap;">
			          		<a href="javascript:;">123123adfs</a>
			          	</td>
				        <td style="white-space: nowrap;"></td>
				        <td style="white-space: nowrap;"></td>
				        <td style="white-space: nowrap;">
				          <span class="red">否</span></td>
				        <td style="white-space: nowrap;">
				          <span class="red">否</span></td>
				        <td style="white-space: nowrap;">
				          	<div class="ui-droplist table-droplist">
					            <a href="javascript:;" class="btn btn-primary" id="search-btn">按钮组
					              <i class="ui-selectbox-icon"></i></a>
					            <dl class="ui-selectbox-dropdown ui-droplist-option">
					              <dd class="ui-selectbox-option">
					                <a href="http://www.baidu.com" target="_blank">
					                  <i class="iconfont"></i>链接</a></dd>
					              <dd class="ui-selectbox-option">
					                <i class="iconfont"></i>预览</dd>
					              <dd class="ui-selectbox-option" onclick="editItem(9);">
					                <i class="iconfont"></i>编辑</dd>
					              <dd class="ui-selectbox-option" onclick="delItem(9);">
					                <i class="iconfont"></i>删除</dd></dl>
				          	</div>
				          	<a class="btn btn-primary showInfo" href="javascript:;">主要(详情)</a>
				          	<a class="btn btn-success" href="javascript:;">成功</a>
				          	<a class="btn btn-info" href="javascript:;">普通</a>
				          	<a class="btn btn-warning" href="javascript:;">警告</a>
				          	<a class="btn btn-danger" href="javascript:;">危险</a>
			          	</td>
			      	</tr>
			      	<tr class="">
				        <td>
			          		<input class="checkbox" type="checkbox" >
			          	</td>
				        <td style="text-align: left; white-space: nowrap;">
			          		<a href="javascript:;">123123adfs</a>
		          		</td>
				        <td style="white-space: nowrap;"></td>
				        <td style="white-space: nowrap;"></td>
				        <td style="white-space: nowrap;">
				          <span class="red">否</span></td>
				        <td style="white-space: nowrap;">
				          <span class="red">否</span></td>
				        <td style="white-space: nowrap;">
				          	<div class="ui-droplist table-droplist">
					            <a href="javascript:;" class="btn btn-primary" id="search-btn">按钮组
					              <i class="ui-selectbox-icon"></i></a>
					            <dl class="ui-selectbox-dropdown ui-droplist-option">
					              <dd class="ui-selectbox-option">
					                <a href="http://www.baidu.com" target="_blank">
					                  <i class="iconfont"></i>链接</a></dd>
					              <dd class="ui-selectbox-option">
					                <i class="iconfont"></i>预览</dd>
					              <dd class="ui-selectbox-option" onclick="editItem(9);">
					                <i class="iconfont"></i>编辑</dd>
					              <dd class="ui-selectbox-option" onclick="delItem(9);">
					                <i class="iconfont"></i>删除</dd></dl>
				          	</div>
				          	<a class="btn btn-primary showInfo" href="javascript:;">主要(详情)</a>
				          	<a class="btn btn-success" href="javascript:;">成功</a>
				          	<a class="btn btn-info" href="javascript:;">普通</a>
				          	<a class="btn btn-warning" href="javascript:;">警告</a>
				          	<a class="btn btn-danger" href="javascript:;">危险</a>
			          	</td>
			      	</tr>
			    </tbody>
			  </table>
			  <div class="table-bottom-bar" style="display: block;">
			    <div class="table-bottom-left">
			      <span class="mr-10">每页</span>
			      <span class="page-size mr-10">
			        <select class="normal-select pagesize-value">
			          <option value="10">10</option>
			          <option value="20">20</option>
			          <option value="50">50</option>
			          <option value="100">100</option></select>
			      </span>
			      <span class="mr-10">条</span>
			      <span class="pagination mr-10">
			        <a class="prev-page disabled" href="javascript:void(0);">&nbsp;前页&nbsp;</a>
			        <a class="num-page on" href="javascript:void(0);">1</a>
			        <a class="num-page" href="javascript:void(0);">2</a>
			        <a class="num-page" href="javascript:void(0);">3</a>
			        <a class="num-page" href="javascript:void(0);">4</a>
			        <a class="num-page" href="javascript:void(0);">5</a>...
			        <a class="num-page" href="javascript:void(0);">60</a>
			        <a class="next-page" href="javascript:void(0);">&nbsp;后页&nbsp;</a></span>
			      <span class="page-jump">
			        <input class="form-control mr-10 paging-value" type="text">
			        <a class="btn btn-primary btn-go" href="javascript:void(0);">GO</a></span>
			    </div>
			    <div class="page-function table-bottom-right">
			      <span class="page-info">当前第
			        <b>1</b>/
			        <b>60</b>页， 共有
			        <b>600</b>条记录</span>
			    </div>
			  </div>
			</div>
			
		</div>
	</div>
	<script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../ext/jquery/selectbox.js"></script>
	<script type="text/javascript" src="../ext/zw/grid.js"></script>
	<script type="text/javascript" src="../ext/laydate/laydate.js"></script>
	<script type="text/javascript" src="../ext/zw/src/jquery-epaging.js"></script>
	<script type="text/javascript" src="../javascripts/tool.js"></script>
	<script type="text/javascript" src="../globalComponents/layer/layer.js"></script>
	<script>
	$(function () {
		/*-- 静态表格原始方法重构 --*/
		//表格行滑过样式
		$('table#table tr').hover(function(){
			$(this).addClass('hover');
		},function(){
			$(this).removeClass('hover');
		});

		//全选
		$('input.selectAll').click(function(){
			var o = $(this);
			if(o.prop('checked')){
				$('input.checkbox').prop('checked',true);
			}else{
				$('input.checkbox').prop('checked',false);
			};
		});

		/* 初始化控件 */
		initWidget();

		/*-- 弹框事件20161102 --*/
		$('a.showInfo').click(function(e){
			layer.open({
			    type: 2,
			    skin: 'layui-layer-rim', //加上边框
			    title: '详情',
			    fix: false,
			    offset:0,
			    shadeClose: true,
			    maxmin: true,
			    area: ['700px', '500px'],
			    content: 'demo_table_addinfo.html',
			    end: function(){
			      //alert('123')
			    },
			    success:function(){
			    	//初始化弹出条信息, require tool.js
					$('.infotips').popupTips();
			    }
		  	});
		});

		$('a#addNew').click(function(e){
			var obj = $('div#hid_table_new');
			$('div#hid_table_new').remove();
			
			layer.open({
			    type: 2,
			    zIndex:100,
			    skin: 'layui-layer-rim', //加上边框
			    title: '新增',
			    fix: true,
			    shift:0,
			    shadeClose: true,
			    offset:0,
			    maxmin: true,
			    area: ['700px', '500px'],
			    content: 'demo_table_addnew.html',
			    end: function(){
			      //alert('123')
			    },
			    success:function(){
			    	//alert('123')
					setTimeout(function(){
						laydate({
							elem: '#input_date',
							event: 'focus'
						});
					},0);
			    }
		  	});
		});


	});

	/*初始化控件*/
	function initWidget() {

		// laydate({
		// 	elem: '#search2',
		// 	event: 'focus'
		// });

		//下拉菜单初始化
		$('.form-select').each(function (index, el) {
			selectbox(this);
		});

		//初始化按钮下拉，require tool.js
		$('.ui-droplist').dropList();
	};

	</script>
</body>

</html>